<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Responsive Nav &middot; Advanced Left Navigation Demo</title>
    <title></title>
    <link rel="stylesheet" href="/Public/css/responsive-nav.css">
    <link rel="stylesheet" href="/Public/css/styles.css">
    <script src="/Public/js/responsive-nav.js"></script>
</head>
<!--<style type="text/css">-->
    <!--*{margin:0;padding:0;}-->
    <!--.body{weight:100%;height:100%;}-->
    <!--.zhuti{width:100%;height:800px;}-->
<!--</style>-->
<body>
<!--<div class="zhuti">-->

<div role="navigation" id="foo" class="nav-collapse">
    <ul>
        <li class="active"><a href="http://www.baidu.com" target="myIframe" onclick="myHome()">Home</a></li>
        <li class="active"><a href="http://www.07108.cn" target="myIframe" >About</a></li>
        <li><a href="#">Projects</a></li>
        <li><a href="#">Blog</a></li>
    </ul>
</div>

<div role="main" class="main">
    <iframe name="myIframe" id="myIframe" style="height:100%;width:100%;"></iframe>
</div>

<script>
    var navigation = responsiveNav("foo", {customToggle: ".nav-toggle"});
</script>
</body>
</html>